<!DOCTYPE html>
{% load staticfiles %}
 <html lang="en" class="no-js">
    <head>
        <meta charset="UTF-8" />
        <title>Login</title>
        <link rel="shortcut icon" href="{% static "lpts/images/login/favicon.ico" %} "> 
        <link rel="stylesheet" type="text/css" href="{% static "lpts/css/login/demo.css" %}" />
        <link rel="stylesheet" type="text/css" href="{% static "lpts/css/login/style.css" %}" />
		<link rel="stylesheet" type="text/css" href="{% static "lpts/css/login/animate-custom.css" %}" />
    </head>
    <body>
        <div class="container">
	         <section style="margin-top:80px;">				
                <div id="container_demo" >
                    <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form  method="POST" autocomplete="on" " action="{% url 'django.contrib.auth.views.login' %}"> 
                            {% csrf_token %}
                                <h1>LPTS LOGIN</h1> 
                                <p> 
                                    <label for="username" class="uname" data-icon="u" > 帐号 </label>
                                    <!--  <input id="username" name="username" required="required" type="text"  value="{{username|escape}}"/>-->
                                    {{form.username}}
                                </p>
                                <p> 
                                    <label for="password" class="youpasswd" data-icon="p">密码 </label>
                                    <!-- <input id="password" name="password" required="required" type="password"  />  -->
                                    {{ form.password}}
                                </p>
                                <!--  <p class="keeplogin"> 
									<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
									<label for="loginkeeping">记住密码</label>
								</p>-->
                                <p class="login button"> 
                                    <input type="submit" value="登陆" /> 
								</p>
								<p><input type="hidden" name="next" value="{{ next }}" /></p>
                                <!--<p class="change_link">
									Not a member yet ?
									<a href="#toregister" class="to_register">Join us</a>
								</p>  -->   <!-- 注释 注册功能 -->
                            </form>
                        </div>
						<!--  
                        <div id="register" class="animate form">
                            <form  action="#" autocomplete="on"> 
                                <h1> Sign up </h1> 
                                <p> 
                                    <label for="usernamesignup" class="uname" data-icon="u">Your username</label>
                                    <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="mysuperusername690" />
                                </p>
                                <p> 
                                    <label for="emailsignup" class="youmail" data-icon="e" > Your email</label>
                                    <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mysupermail@mail.com"/> 
                                </p>
                                <p> 
                                    <label for="passwordsignup" class="youpasswd" data-icon="p">Your password </label>
                                    <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="eg. X8df!90EO"/>
                                </p>
                                <p> 
                                    <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">Please confirm your password </label>
                                    <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="eg. X8df!90EO"/>
                                </p>
                                <p class="signin button"> 
									<input type="submit" value="Sign up"/> 
								</p>
                                <p class="change_link">  
									Already a member ?
									<a href="#tologin" class="to_register"> Go and log in </a>
								</p>
                            </form>
                        </div>
						-->
                    </div>
                </div>  
            </section>
        </div>

  
	</body>
</html>